<template>
    <view class="edit-container">
      <view class="title">编辑个人信息</view>
      <view class="form">
        <u-form :model="form" ref="form1">
          <u-form-item label-width="120rpx" label="姓名"
            ><u-input v-model="form.name" placeholder="请输入姓名"
          /></u-form-item>
          <u-form-item label-width="120rpx" label="电话"
            ><u-input v-model="form.phone" placeholder="请输入电话"
          /></u-form-item>
          <u-form-item label-width="120rpx" label="身高"
            ><u-input v-model="form.height" placeholder="请输入身高"
          /></u-form-item>
          <u-form-item label-width="120rpx" label="体重">
            <u-input v-model="form.intro" placeholder="请输入体重" />
          </u-form-item>
          <u-form-item label-width="120rpx" label="血型">
            <u-input v-model="form.intro" placeholder="请输入血型" />
          </u-form-item>
          <u-form-item label-width="200rpx" label="既往病史">
            <u-input v-model="form.intro" placeholder="请输入既往病史" />
          </u-form-item>
          <u-form-item label-width="200rpx" label="过敏源">
            <u-input v-model="form.intro" placeholder="请输入过敏源" />
          </u-form-item>
          <u-form-item label-width="200rpx" label="紧急联系人">
            <u-input v-model="form.intro" placeholder="请输入紧急联系人" />
          </u-form-item>
          <u-form-item label-width="200rpx" label="紧急联系方式">
            <u-input v-model="form.intro" placeholder="请输入紧急联系方式" />
          </u-form-item> </u-form
      ></view>
      <view class="button-box">
          <button  class="btn" type="primary">保存</button>
          <button  class="btn" type="" @tap="cancel">取消</button>
        </view>
    </view>
  </template>
  
  <script setup>
  import { ref, onMounted, toRefs } from 'vue'
  let form = ref({
    name: '',
    phone: '',
    height: ''
  })

//取消
  let cancel =()=>{
    uni.navigateTo({ url: '/pages/me/components/personalinfo' })
}
  
  </script>
  
  <style scoped>
  .title {
    margin: 16rpx 32rpx;
  
    font-size: 36rpx;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 56rpx;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    vertical-align: middle;
  }
  .edit-container {
  }
  .form {
    margin: 20rpx;
  }
  .btn{
      width: 90%;
      margin-top: 20rpx;
  }
  </style>
  